(function(){

    var str=window.location.href;
    console.log(str)
    id=Number(str.split("=")[1])
    if(str.split("=")[1]==undefined)id=0

    $(".back").click(function(){
        $("body,html").animate({scrollTop:0},500)
    })
    console.log(id)

    var srcArr=[]
    var bool=true
    var index;
    $.ajax({
        type:"GET",
        url:"http://chst.vip:1234/api/getcouponproduct",
        data:{couponid:id}
    }).then(res=>{
        let couponList=res.result;
        let html=""
        couponList.forEach(function(item,index){
            html+=`
                <li>
                    ${item.couponProductImg}
                    <div>
                        <p>${item.couponProductName}</p>
                        <p>${item.couponProductPrice}</p>
                        <p>${item.couponProductTime}</p>
                    </div>
                </li>
            `
            srcArr[index]=$(item.couponProductImg).prop("src")
        })
        console.log(srcArr)
        $(".box").html(html)
        $(".box").children("li").click(function(){
            $(".cover").css("top","0")
            index=$(this).index()
            $(".image").prop("src",srcArr[index])
        })
        
        $(".off").click(function(){
            $(".cover").css("top","-17.787rem")

        })
        $(".right").click(function(){
            if(index<srcArr.length-1){
                if(bool){
                    bool=false;
                    $(".show").animate({left:"-9.6rem"},500)
                    $(".next").prop("src",srcArr[index+1])
                setTimeout(function(){
                    $(".image").prop("src",srcArr[index+1])
                    $(".show").animate({left:"-4.8rem"},0)
                    index++
                    bool=true;
                },500)
                }
            }else{
                alert("已经是最后一页了")
            }
        })

        $(".left").click(function(){
            if(index>0){
                if(bool){
                    bool=false;
                    $(".show").animate({left:"0rem"},500)
                    $(".pre").prop("src",srcArr[index-1])
                setTimeout(function(){
                    $(".image").prop("src",srcArr[index-1])
                    $(".show").animate({left:"-4.8rem"},0)
                    index--
                    bool=true;
                },500)
                }
            }else{
                alert("已经是第一页了")
            }
        })
    })
    


})()